.dm {
  position: relative;
  overflow: hidden;

  .dm-left {
    display: inline-block;
    height: 100%;
    vertical-align: top;
    overflow: hidden;
    padding: 0;
    background-color: @body-bg-color;
    border-right: 1px solid @base-innerborder-color;

    .coc-tree-actions {
      height: 43px;
      overflow: hidden;
    }
  }
  .dm-left-data {
    width: 100%;
    overflow: auto;
    padding: 1px
  }

  .dm-right {
    position: absolute;
    display: inline-block;
    top: 0;
    height: 100%;
    vertical-align: top;
    overflow: hidden;
  }

  .dm-data {
    background-color: @body-bg-color;
    border-radius: 5px;
    border: 1px solid @base-innerborder-color;
    margin: 8px 8px 0 8px;
    overflow: hidden;

    .dm-data-top {
      position: relative;
      background-color: @table-header-bgcolor;
      height: 50px;
      border: 1px solid transparent;
      border-bottom: 1px solid @base-innerborder-color;

      .dm-data-page {
        margin: 10px;
      }

      .dm-data-actions {
        position: absolute;
        top: 8px;
        right: 8px;

        >.ant-btn-group,
        >BUTTON {
          margin-left: 5px;
        }
      }
    }
  }

}

.dm-left .ant-spin,
.tree-wrapper .ant-spin {
  padding: 20px;
}

.coc-tree-node {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 14px;
  padding-right: 8px;

  .btns {
    display: none;
  }
}
.is-current>.el-tree-node__content .coc-tree-node,
.coc-tree-node:hover {
  .btns {
    position: absolute;
    right: 5px;
    display: block;
  }
}